body {
	background-color: #e8e8e8;
	display: flex;
	flex-direction: column;
}
main {
	flex-grow: 1;
	overflow-y: auto;
}
/* 用户名 */
.user {
	padding: 20px;
	box-sizing: border-box;
	width: 100%;
	/* height: 30%; */
	background-color: #fff;
	margin-bottom: 15px;
}
.user div {
	width: 100%;
	line-height: 100px;
}
.user img {
	width: 100px;
	height: 100px;
	border-radius: 50px;
	border: 3px solid #4294ff;
	margin-right: 10px;
}
.user strong {
	width: 30px;
	background-color: #ff6600;
	color: #fff;
	bottom: 0;
	left: 75px;
	line-height: 20px;
	text-align: center;
}
.user p {
	color: #8a8a8e;
	font-size: 14px;
	margin-top: 15px;
}
/* 运动数据 */
.data {
	width: 100%;
	background-color: #fff;
	margin-bottom: 15px;
}
.data-p {
	width: 100%;
	margin-bottom: 10px;
}
.data-s {
	color: #4294ff;
	margin-right: 5px;
}
.data-gt {
	bottom: -7px;
	right: 0;
	font-size: 25px;
}
/* 总运动 */
.sport {
	display: flex;
	width: 100%;
	font-size: 14px;
}
.sport div {
	width: 50%;
	padding-left: 10px;
	box-sizing: border-box;
}
.sport div:first-child {
	border-right: 1px dashed #ccc;
}

.sport-t {
	color: #949598;
	margin-bottom: 10px;
}
.sport-d p:last-child {
	color: #4294ff;
	font-size: 30px;
}
.sport-d p:last-child > span {
	color: #101010;
	font-size: 14px;
}
/* 运动徽章 */
.badges {
	width: 100%;
	background-color: #fff;
	margin-bottom: 15px;
}
.badges .badges-s {
	color: #fff;
	border-radius: 50%;
	margin-right: 5px;
	font-size: 20px;
	background-color: #4294ff;
}

.badges i {
	display: inline-block;
	background: url(../../assets/images/mybadge01.jpg) no-repeat center;
	width: 100px;
	height: 100px;
	border-radius: 50px;
}
/* 退出登录 */
.exit {
	line-height: 50px;
	width: 100%;
	background-color: #fff;
	color: #4294ff;
	text-align: center;
	margin-bottom: 40px;
}
